<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        [v-cloak] {
            display: none
        }
    </style>
</head>
<body>
<!--
### v-cloak
- **不需要表达式**
- **用法**：
  这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 `[v-cloak] { display: none }`
  一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕
-->
<div id="app">
    <h1 v-cloak>{{message}}</h1>
</div>
<script src="../../JavaScript/vue.js"></script>
<script>
    const vm = new Vue({
        el: "#app",
        data: {
            message: "Vue"
        }
    })
</script>
</body>
</html>
